.hook *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto}
.hook{display:none;z-index:9;height:85px;background:#ddd;box-shadow:0 -8px 5px -5px #999 inset;clear:both;position:relative;width:100%;overflow:hidden;text-align:center}
.hook-text{font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#666;font-weight:normal;text-shadow:0 1px #fff}
.hook-loader{padding:25px 0}
.hook-spinner{display:block;background:url(hook-spinner.png) no-repeat center;width:32px;height:32px;-webkit-animation:spin 1s linear infinite both;-moz-animation:spin 1s linear infinite both;-o-animation:spin 1s linear infinite both;animation:spin 1s linear infinite both}
.hook-with-text .hook-loader{padding:10px 0}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dppx),only screen and (min-resolution:2dppx){.hook-spinner{background:url(hook-spinner@2x.png) no-repeat center;background-size:32px 32px}
}
@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}
100%{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}
100%{-moz-transform:rotate(360deg)}
}
@-o-keyframes spin{0%{-o-transform:rotate(0deg)}
100%{-o-transform:rotate(360deg)}
}
@keyframes spin{0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
